<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>AI音乐后台管理系统</title>		
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<!-- basic styles -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/font-awesome.min.css" />
		<link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/ace.min.css" />
		<link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/ace-skins.min.css" />
		<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/ace-extra.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/typeahead-bs2.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/jquery.ui.touch-punch.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/jquery.slimscroll.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/jquery.easy-pie-chart.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/jquery.sparkline.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/flot/jquery.flot.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/flot/jquery.flot.pie.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/flot/jquery.flot.resize.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/ace-elements.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/ace.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/base.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/admin/adminFindUserByPage.js"></script>
	</head>
	<body>
		<div class="navbar navbar-default" id="navbar">
			<div class="navbar-container" id="navbar-container">
				<div class="navbar-header pull-left">
					<a href="#" class="navbar-brand">
						<small>
							<i class="icon-leaf"></i>
							AI音乐后台管理系统
						</small>
					</a>
				</div>
				<div class="navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">
						<li class="grey">
							<a data-toggle="dropdown" class="dropdown-toggle" href="action?key=modifyUserModel&userid=${user.userid }">
								<i class="icon-tasks"></i>
								<span class="badge badge-grey">个人信息</span>
							</a>

							<ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="icon-ok"></i>
									个人资料
								</li>
								<li>
									<a href="modifyUser">
										查看个人信息
										<i class="icon-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<li class="purple">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="icon-bell-alt icon-animated-bell"></i>
								<span class="badge badge-important">我的音乐</span>
							</a>

							<ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
								<li>
									<audio controls="controls" src="mp3/${myMusic }" loop="true" ></audio> 
								</li>
							</ul>
						</li>

						<li class="light-blue">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<img class="nav-user-photo" src="image/user/${user.head}" alt="Jason's Photo" />
								<span class="user-info">
									<small>欢迎光临,</small>
									${user.username }
								</span>

								<i class="icon-caret-down"></i>
							</a>

							<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li>
									<a href="action?key=modifyUserModel&userid=${user.userid }">
										<i class="icon-user"></i>
										个人资料
									</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="action?key=adminLoginModel">
										<i class="icon-off"></i>
										退出
									</a>
								</li>
							</ul>
						</li>
					</ul><!-- /.ace-nav -->
				</div><!-- /.navbar-header -->
			</div><!-- /.container -->
		</div>

	<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<div class="main-container-inner">
				<a class="menu-toggler" id="menu-toggler" href="#">
					<span class="menu-text"></span>
				</a>

				<div class="sidebar" id="sidebar">
					<script type="text/javascript">
						try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
					</script>

					<div class="sidebar-shortcuts" id="sidebar-shortcuts">
						<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
							<button class="btn btn-success">
								<i class="icon-signal"></i>
							</button>

							<button class="btn btn-info">
								<i class="icon-pencil"></i>
							</button>

							<button class="btn btn-warning">
								<i class="icon-group"></i>
							</button>

							<button class="btn btn-danger">
								<i class="icon-cogs"></i>
							</button>
						</div>

						<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
							<span class="btn btn-success"></span>

							<span class="btn btn-info"></span>

							<span class="btn btn-warning"></span>

							<span class="btn btn-danger"></span>
						</div>
					</div><!-- #sidebar-shortcuts -->

					<ul class="nav nav-list">
						<li class="active">
							<a href="action?key=adminMainPageModel&adminname=${user.username }&adminpwd=${user.pwd}&lastname=${user.userid }">
								<i class="icon-dashboard"></i>
								<span class="menu-text"> 后台管理首页 </span>
							</a>
						</li>
					

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-list"></i>
								<span class="menu-text"> 用户管理 </span>

								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="FirstFindUserByPage?lastname=${user.userid }">
										<i class="icon-double-angle-right"></i>
										用户编辑
									</a>
								</li>

								<li>
									<a href="action?key=adminAddUserModel&lastname=${user.userid }">
										<i class="icon-double-angle-right"></i>
										添加用户
									</a>
								</li>
							</ul>
						</li>
						
                      <li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-list"></i>
								<span class="menu-text"> 歌手管理 </span>

								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="FirstFindSingerByPage?lastname=${user.userid }">
										<i class="icon-double-angle-right"></i>
										查看歌手
									</a>
								</li>
								<li>
									<a href="FirstFindSingerByPage?lastname=${user.userid }">
										<i class="icon-double-angle-right"></i>
										歌手的歌曲信息
									</a>
								</li>
								<li>
									<a href="action?key=adminAddSingerModel&lastname=${user.userid }">
										<i class="icon-double-angle-right"></i>
										添加歌手
									</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-list"></i>
								<span class="menu-text"> 专辑管理 </span>

								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="AdminFindAllSpecial?lastname=${user.userid }">
										<i class="icon-double-angle-right"></i>
										查看专辑
									</a>
								</li>
                                <li>
									<a href="action?key=adminAddSpecialModel&lastname=${user.userid }">
										<i class="icon-double-angle-right"></i>
										添加专辑
									</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-list"></i>
								<span class="menu-text"> 歌曲管理 </span>

								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="action?key=adminFindAllSongModel&lastname=${user.userid }">
										<i class="icon-double-angle-right"></i>
										查看歌曲
									</a>
								</li>
                                <li>
									<a href="FirstFindSingerByPage?lastname=${user.userid }">
										<i class="icon-double-angle-right"></i>
										根据歌手查找歌曲
									</a>
								</li>
								<li>
									<a href="AdminAddmp3?lastname=${user.userid }">
										<i class="icon-double-angle-right"></i>
										添加mp3歌曲
									</a>
								</li>
								<li>
									<a href="AdminAddmv?lastname=${user.userid }">
										<i class="icon-double-angle-right"></i>
										添加MV
									</a>
								</li>
							</ul>
						</li>
						
                       

                        	
					
						<li>
							
							<a href="AdminFirstImage?lastname=${user.userid }">
								<i class="icon-picture"></i>
								<span class="menu-text"> 歌手相册 </span>
							</a>
							<a href="AdminAddSongImage?lastname=${user.userid }">
								<i class="icon-picture"></i>
								<span class="menu-text"> 歌曲相册 </span>
							</a>
							
						</li>

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-tag"></i>
								<span class="menu-text"> 状态 </span>

								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="action?key=adminLoginModel">
										<i class="icon-double-angle-right"></i>
										注销
									</a>
								</li>
							</ul>
						</li>

						<!-- /.nav-list -->

					<div class="sidebar-collapse" id="sidebar-collapse">
						<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
					</div>

					<script type="text/javascript">
						try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
					</script>
				</div>

				<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<script type="text/javascript">
							try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
						</script>

						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="action?key=adminMainPageModel&adminname=${user.username }&adminpwd=${user.pwd}">首页</a>
							</li>
							<li class="active">查看用户</li>
						</ul><!-- .breadcrumb -->

						<div class="nav-search" id="nav-search">
							<form class="form-search" action="action?key=adminFindEstByInfoModel&lastname=${user.userid }" method="post">
								<span class="input-icon">
									<input type="text" placeholder="输入非法关键字回车查询评论" style="width: 300px;" class="nav-search-input" name="searchInput" id="searchInput" autocomplete="off" />
									<i class="icon-search nav-search-icon"></i>
								</span>
							</form>
						</div><!-- #nav-search -->
					</div>

					<div class="page-content">
						
						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->

								<div class="alert alert-block alert-success">
									<button type="button" class="close" data-dismiss="alert">
										<i class="icon-remove"></i>
									</button>

									<i class="icon-ok green"></i>

									欢迎使用
									<strong class="green">
										ai音乐后台管理系统
										<small>(v1.2)</small>
									</strong>
										
								</div>
							<div>
                            	<table id="sample-table-2" class="table table-striped table-bordered table-hover dataTable" aria-describedby="sample-table-2_info">
												
													<tr role="row">
                                                       <th class="sorting_asc" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" style="width: 126px;" aria-sort="ascending" aria-label="Price: activate to sort column descending">用户名称</th>
                                                        <th class="sorting_asc" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" style="width: 126px;" aria-sort="ascending" aria-label="Price: activate to sort column descending">用户密码</th>
                                                       <th class="sorting_asc" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" style="width: 126px;" aria-sort="ascending" aria-label="Price: activate to sort column descending">VIP状态</th>
                                                       <th class="sorting_asc" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" style="width: 126px;" aria-sort="ascending" aria-label="Price: activate to sort column descending">联系方式</th>                                                        
                                                    	<th class="sorting_asc" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" style="width: 126px;" aria-sort="ascending" aria-label="Price: activate to sort column descending">邮箱</th>
                                                        <th class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 199px;" aria-label="">编辑用户</th>
                                                    </tr>
												

												
											<tbody role="alert" aria-live="polite" aria-relevant="all" id="findUserByPage">

													 <c:forEach items="${list }" var="user" varStatus="status">
														    	<tr>
														    		<td>${user.username }</td>	
															    	<td>${user.pwd }</td>
															    	<td >${user.isVIP==1?"VIP用户":"普通用户" }</td>	
															    	<td >${user.phone}</td>
															    	<td>${user.email }</td>	
															    	<td>
															    	<!-- 修改 -->
																	<div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
																				
																		<a class="green" href="action?key=modifyUserModel&userid=${user.userid }">
																			<i class="icon-pencil bigger-130"></i>
																		</a>
		
																		<a class="red" href="action?key=adminDeleteUserModel&userid=${user.userid }">
																			<i class="icon-trash bigger-130"></i>
																		</a>
																	</div>
																	</td>
														    	</tr>
													 </c:forEach>
                                               </tbody>
                                          </table>
					                                           页数:<c:forEach begin="1" end="${maxPage }" step="1" var="myindex">
										   		<a href="javascript:findUserByPage(${myindex })">${myindex }</a>
										 </c:forEach>
                            </div>
								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div><!-- /.main-content -->

				<div class="ace-settings-container" id="ace-settings-container">
					<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
						<i class="icon-cog bigger-150"></i>
					</div>

					<div class="ace-settings-box" id="ace-settings-box">
						<div>
							<div class="pull-left">
								<select id="skin-colorpicker" class="hide">
									<option data-skin="default" value="#438EB9">#438EB9</option>
									<option data-skin="skin-1" value="#222A2D">#222A2D</option>
									<option data-skin="skin-2" value="#C6487E">#C6487E</option>
									<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</select>
							</div>
							<span>&nbsp; 选择皮肤</span>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
							<label class="lbl" for="ace-settings-navbar"> 固定导航条</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
							<label class="lbl" for="ace-settings-sidebar"> 固定滑动条</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
							<label class="lbl" for="ace-settings-breadcrumbs">固定面包屑</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
							<label class="lbl" for="ace-settings-rtl">切换到左边</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
							<label class="lbl" for="ace-settings-add-container">
								切换窄屏
								<b></b>
							</label>
						</div>
					</div>
				</div><!-- /#ace-settings-container -->
			</div><!-- /.main-container-inner -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="icon-double-angle-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

</body>
</html>

